<template>
	<view class="pages">
		<view class="header">
			<u--image :showLoading="true" src="../../../static/login/logo.png" width="80px" height="80px"
				class="image"></u--image>
			<u--text text="大宾租房" align="center" lineHeight="30" size="18"></u--text>
			<u--text :text=" '大宾租房版本'+ appVersion || '14.08'" type="info" size="13" align="center"></u--text>
			<illustrate></illustrate>
		</view>
	</view>
</template>

<script>
	import illustrate from'./illustrate/illustrate.vue'
	export default {
		components:{
			illustrate
		},
		data() {
			return {
				appVersion: '',
			}
		},
		onLoad() {
			this.getAppVersion();
		},
		methods: {
			getAppVersion() {
				// console.log('版本号:', plus.runtime.version);
				this.appVersion = plus.runtime.version
			}
		}
	}
</script>

<style lang="scss">
	@import "~@/styles/index.scss";
	@import "~@/styles/global.scss";

	.pages {
		.header {
			@include flexBetween;
			flex-direction: column;
			padding: 30rpx;

			.image {
				margin-bottom: 30rpx;
			}
		}
	}
</style>